<?
/**
 * Created by PhpStorm.
 * User: Sergey
 * Date: 19.02.14
 * Time: 19:12
 */

$products = [
    [
        "name" => "Asus X7398",
        "image_url" => "images/7ba1d78ffa278cf261e90487e530c8db.jpg",
        "description" => "Супер выбор для ценителей Асусов. Супер выбор для ценителей Асусов. Супер выбор для ценителей Асусов. Супер выбор для ценителей Асусов. Супер выбор для ценителей Асусов. Супер выбор для ценителей Асусов. ",
        "price" => 2500,
        "quantity" => 34,
    ],
    [
        "name" => "Acer 3459",
        "image_url" => "images/83ed262d7381487b28eaa7b5d87bc0ed.jpg",
        "description" => "Супер выбор для ценителей Асусов. Супер выбор для ценителей Асусов. Супер выбор для ценителей Асусов. Супер выбор для ценителей Асусов. ",
        "price" => 3567,
        "quantity" => 3,
    ],
    [
        "name" => "Dell Vostro 4938",
        "image_url" => "images/9898b82c4d53ab41b15ff9776d1d13bf.jpg",
        "description" => "Супер выбор для ценителей Асусов",
        "price" => 7575,
        "quantity" => 5,
    ],
    [
        "name" => "Dell Inspiron 3093",
        "image_url" => "images/6126326eee308d4f20dc4b2b23e2f20f.jpg",
        "description" => "Супер выбор для ценителей Асусов",
        "price" => 8366,
        "quantity" => 67,
    ],
    [
        "name" => "Fujitsu 4938",
        "image_url" => "images/cf2e24c58391b834bbb7d20bbaeab630.jpg",
        "description" => "Супер выбор для ценителей Асусов",
        "price" => 2556,
        "quantity" => 24,
    ],
    [
        "name" => "LG 3024",
        "image_url" => "images/f778e3dcfa8015b94f4fae2cff899808.jpg",
        "description" => "Супер выбор для ценителей Асусов",
        "price" => 6754,
        "quantity" => 75,
    ],
    [
        "name" => "Acer E3250",
        "image_url" => "images/7ba1d78ffa278cf261e90487e530c8db.jpg",
        "description" => "Супер выбор для ценителей Асусов",
        "price" => 4356,
        "quantity" => 25,
    ],
];
?>

<html>
<head>
    <title></title>
    <link href="styles.css" rel="stylesheet"/>
</head>
<body>

<div class="main-wrapper">
    <div class="products-table">
        <div class="products-table-head">
            <div class="column-name">
                <h2>Название</h2>
            </div>
            <div class="column-description">
                <h2>Описание</h2>
            </div>
            <div class="column-price">
                <h2>Цена</h2>
            </div>
            <div class="column-order">
                <h2>Заказ</h2>
            </div>
            <div class="clear"></div>
        </div>
        <div class="products-table-body">
            <? foreach ($products as $product) { ?>
                <div class="product-item">
                    <div class="column-name">
                        <img class="product-image" src="<?= $product["image_url"] ?>">

                        <div><?= $product["name"] ?></div>
                    </div>
                    <div class="column-description">
                        <p><?= $product["description"] ?></p>
                    </div>
                    <div class="column-price">
                        <p><b><?= $product["price"] ?></b> грн.</p>
                    </div>
                    <div class="column-order">
                        <br>
                        <? if ($product["quantity"]) { ?>
                            <input type="text" value="1" style="width: 32px;"/>
                            <br>
                            <input type="button" value="Заказать"/>
                        <? } else { ?>
                            Под заказ
                        <? } ?>
                    </div>
                    <div class="clear"></div>
                </div>
            <? } ?>
        </div>
    </div>
</div>

</body>
</html>